body{
    padding:0;
    margin:0;
    overflow: hidden;
}
#sidenav{
    border-right:solid 1px #ccf;
    width: 100px;
    height: 100vh;
    float: left;
}
#main{
    width: calc( 100vw - 101px );
    height: 100vh;
    float: right;
}
.breadcrumb{
    width: 100%;
    height: 25px;
    border-bottom: solid 1px #ccf;
}
.el-breadcrumb{
    margin-top:10px;
    margin-left:10px;
}

div#toolbar{
    padding:10px;
    height:40px;
}

div#table{
    height: calc(100vh - 150px);
    overflow:auth;
}

div#pagination{
    margin-top:10px;
    height:40px;
    text-align: right;
}
.el-pagination{
    float: right;
    margin:0px 10px
}

.formtitle{
    text-align:center;
}

.formtitle h3{
    text-align:center;
    margin:0px;
    padding:10px;
}

.form{
    width:100%;
}

.form-control{
    width: 460px; 
}

.download{
    text-decoration: none;
    color:blue;
}

a.download:hover{
   color:red; 
}
.default-main{
    padding:20px;
}
.small-panel {
    background-color: #e9edf2;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 20px;
}
.small-panel .small-panel-title {
    color: #333;
    font-size: 15px;
}
.small-panel-content {
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
    color: #2c3f5d;
}
.small-panel-content .content-left {
    font-size: 24px;
}
.small-panel-content .content-left .icon {
    margin-right: 10px;
}
.small-panel-content .content-left span {
    display: inline-block;
    font-size: 28px;
}
.small-panel-content .content-right {
    font-size: 15px;
    margin-left: auto;
}
.small-panel-content .color-success {
    color: var(--el-color-success);
}
.small-panel-content .color-warning {
    color: var(--el-color-warning);
}
.small-panel-content .color-danger {
    color: var(--el-color-danger);
}
.small-panel-content .color-info {
    color: var(--el-text-color-secondary);
}


.growth-chart {
    margin-bottom: 20px;
}
.user-growth-chart,
.file-growth-chart{
    height: 275px;
    border: solid 1px white;
}
.el-card__body{
    padding: 5px !important;;
}
.user-source-chart,
.user-surname-chart,
.newst-list  {
    height: 260px;
    border: solid 1px white;
}
.new-user-item {
    display: flex;
    align-items: center;
    padding: 20px;
    margin: 10px 15px;
    box-shadow: 0 0 30px 0 rgba(82, 63, 105, 0.05);
    background-color: var(--ba-bg-color-overlay);
}
.new-user-item .new-user-avatar {
    height: 48px;
    width: 48px;
    border-radius: 50%;
}
.new-user-item .new-user-base {
    margin-left: 10px;
    color: #2c3f5d;
}
.new-user-item .new-user-base .new-user-name {
    font-size: 15px;
}
.new-user-item .new-user-base .new-user-time {
    font-size: 13px;
}
.new-user-item .new-user-arrow {
    margin-left: auto;
}

.new-user-card {
    padding: 0;
}
.newst-list ul {
    padding:0;
}
.newst-list ul li{
    padding:10px;
    list-style: none;
}
.newst-list .time{
    font-size:13px;
    color:#666;
    width:90px;
}
.newst-list .title{
    font-size:13px;
    color:#333;
    width: calc( 100% - 90px);
}